<template>
  <div>
    <h1>App</h1>
    {{ info.size }}
    <hr>
    {{ info.age }}

  </div>
</template>
<script setup>
import { reactive, ref, shallowRef } from 'vue';

const info = reactive({
  name: 'jack',
  age: 20,
  size: {
    w: 100,
    h: 200
  }
});

console.log(info.name);



</script>
